html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
.cle{zoom:1}
.cle:after{ clear:both; overflow:hidden;height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.clearhidden{overflow: hidden;zoom:1;}
.clearfix{zoom:1}
.clearfix:after{ clear:both; overflow:hidden; height:0px;  font-size:0; line-height:0;content:".";display:table;width: 100%}
.none{ display:none}
.block{ display:block}
.inline-block{ display:inline-block;}

a{ color:#434A54;text-decoration:none;}
a:hover{ text-decoration:none!important; color: #DD3211; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; }

.tr-link a:hover{text-decoration:underline !important }



input[type=text]:focus,input[type=password]:focus,textarea:focus,a:focus,button:focus{ outline:none}

body{font-family:PingFang SC,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:12px;color:#434A54; line-height:normal;}
input,textarea,button,select{font-family:PingFang SC,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; outline: none;}


/*sroll*/
::-webkit-scrollbar-track-piece{
background-color:transparent;
-webkit-border-radius:0;
}
::-webkit-scrollbar{
width:8px;
height:8px
}
::-webkit-scrollbar-thumb{
background-color:#ccc;
border:solid 1px #ccc;
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
background-color:#ccc;
}
::-webkit-scrollbar-arrow {
color:#F00;
backgound:#0F0;
}

input::-ms-clear{display:none;}

input:focus{border-color: #BD9126;}

input::-webkit-input-placeholder { /* WebKit browsers */
    color:#A3A3A3;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#A3A3A3;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#A3A3A3;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#A3A3A3;
}

/*float*/
.fn-left{float: left;}
.fn-right{float: right;}
.div-relative{position: relative;}

/*custom*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}
.fn-font-16{ font-size: 16px}
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-26{ font-size: 26px;}
.fn-font-28{ font-size: 28px;}
.fn-font-30{ font-size: 30px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-52{ font-size: 52px;}
.fn-font-58{ font-size: 58px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

.fa.fn-font-16{ font-size: 16px}
.fa.fn-font-12{ font-size: 12px}
.fa.fn-font-14{ font-size: 14px;}
.fa.fn-font-18{ font-size: 18px;}
.fa.fn-font-20{ font-size: 20px;}
.fa.fn-font-24{ font-size: 24px;}
.fa.fn-font-30{ font-size: 30px;}
.fa.fn-font-40{ font-size: 40px;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

a.fn-color-gray,.fn-color-gray{ color: #999999}
.fn-color-c{color: #ccc}
.fn-color-9{ color: #999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-f{ color: #fff;}
.fn-color-1{ color: #3c94ff}
.fn-color-orange{ color: #f78c68}
.fn-color-red{color: #ff0000;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #4cc3a5;}
.fn-color-blue{color: #3781d8}
.fn-color-89a4{color: #8999a4;}
.fn-color-gold{color: #BD9126;}
.fn-color-q1{color: #434A54;}
.fn-color-a{color: #AAAAAA;}
.fn-color-m{color: #E51C23;}
.fn-color-more{color: #A3A3A3;}
.fn-color-t{color:#434A54;}
.fn-color-a3{color:#A3A3A3;}
.fn-color-d{color:#DD3211;}

/* 背景颜色 */
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f7f7f7;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}
.pd35-20{padding:35px 20px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

.pd-l-40{padding-left: 40px}
.pd-r-40{padding-right: 40px}
.pd-t-40{padding-top: 40px}
.pd-b-40{padding-bottom: 40px}


.pd-l-50{padding-left: 50px}
.pd-r-50{padding-right: 50px}
.pd-t-50{padding-top: 50px}
.pd-b-50{padding-bottom: 50px}

.pd-b-70{padding-bottom: 70px}
.pd-b-100{padding-bottom: 100px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-l-50{margin-left: 50px}
.mg-r-50{margin-right: 50px}
.mg-t-50{margin-top: 50px}
.mg-b-50{margin-bottom: 50px}

.mg-l-60{margin-left: 60px}
.mg-r-60{margin-right: 60px}
.mg-t-60{margin-top: 60px}
.mg-b-60{margin-bottom: 60px}

.mg-l-70{margin-left: 70px}
.mg-r-70{margin-right: 70px}
.mg-t-70{margin-top: 70px}
.mg-b-70{margin-bottom: 70px}

.mg-l-100{margin-left: 100px}
.mg-r-100{margin-right: 100px}
.mg-t-100{margin-top: 100px}
.mg-b-100{margin-bottom: 100px}

.split{height:10px;width:100%; display:block;}

/*width*/
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w220{width: 220px;}
.w240{width: 240px;}
.w300{width: 300px;}
.w386{width: 386px;}
.w460{width: 460px;}
.w500{width: 500px;}
.w630{width:630px;}
.w780{width:780px;}
input.w160{width:160px;}
input.w148{width:148px;}
input.w300{width:288px;}
input.w460{width: 460px;}
.w70{width: 60px;}

/*高度*/
.h110{height: 110px;}
.h94{height: 94px;}
.h70{height: 70px;}
.h50{height: 50px;}
.h44{height: 44px;}
.h30{height: 30px;}
.h20{height: 20px;}
.lh58{line-height: 58px;}
.lh38{line-height: 38px;}
.lh41{line-height: 41px;}
.h41{height: 41px;}
.lh34{line-height: 34px;}
.lh30{line-height: 30px;}
.lh20{line-height: 20px;}
.lh40{line-height: 40px;}
.mh150{min-height: 150px;}
.mh80{min-height: 80px;}

.right-border{
    border-right:1px solid #2b93ed;
}

.pointer:hover{
    cursor: pointer;
}

/*表格通用*/
th.table-left{text-align: left!important;}
th.table-center{text-align: center!important;}
th.table-right{text-align: right!important;}
td.table-left{text-align: left !important;}
td.table-center{text-align: center!important;}
td.table-right{text-align: right!important;}

.mg-t-16 {
    margin-top: 16px;
}
.mg-t-60 {
    margin-top: 60px;
}
.m-mgr-5 {
    margin-right: 5px;
}

.m-mgr-38 {
    margin-right: 38px;
}
.mg-l-25{
    margin-left: 25px;
}
.mg-t-90 {
    margin-top: 90px;
}
.mg-t-45 {
    margin-top: 45px;
}
.mg-t-26 {
    margin-top: 26px;
}
.pd-b-90{
    padding-bottom: 90px;
}
.mg-b-65{
    margin-bottom: 65px;
}
.mg-l-45{
    margin-left: 45px;
}
.mg-l-75 {
    margin-left: 75px;
}
.mg-l-95 {
    margin-left: 95px;
}
.mg-b-90{
    margin-bottom: 90px;
}
.pd-t-60{
    padding-top: 60px;
}
.pd-t-35{padding-top: 35px}

h1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
}
/********* 动画  *********/
@-webkit-keyframes a-article {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes a-article {
    0% {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }